.sidenav-container {
    background-color: transparent;
}

.topics-tree {
    background-color: white;
    padding         : 8px 2px 8px 8px;

    &.neo-tree-list {
        .neo-list-container {
            .neo-list-item {
                &.neo-list-item-leaf {
                    .neo-list-item-content:after {
                        content: none !important;
                    }
                }

                .neo-list-item-content:before {
                    content: unset !important;
                }

                &.neo-list-folder {
                    .neo-list-item-content:after {
                        content: "\e5cc" !important;
                    }

                    .neo-list-item-content:before {
                        content: unset !important;
                    }

                    &.neo-folder-open {
                        .neo-list-item-content:after {
                            content: "\e5cf" !important;
                        }

                        .neo-list-item-content:before {
                            content: unset !important;
                        }
                    }
                }
            }
        }
    }

    .neo-list-container {
        padding: 3px;
    }

    .neo-list-container>.neo-list-item {
        font-size  : 18px !important;
        font-weight: 500;
    }

    .neo-list-item {
        border-radius   : 8px;
        margin-right    : 0 !important;
        padding         : 0 0 0 16px !important;
        height          : 48px;
        display         : flex;
        align-items     : center;
        margin-bottom   : 3px;
    }

    .neo-list-container ul {
        padding: 0 !important;

        .neo-list-item {
            padding: 0 0 3px 32px !important;
        }

        ul .neo-list-item {
            padding: 0 0 0 48px !important;
        }
    }

    .neo-list-folder {
        .neo-list-item-content {
            width           : 100%;
            display         : flex;
            justify-content : space-between;

            &:after {
                color       : var(--list-item-glyph-color);
                content     : "\f0c8";
                display     : inline-block;
                font-family : 'Material Icons';
                font-size   : 18px;
                width       : 25px;
                padding-top : 4px;
            }

            &:before {
                content: unset !important;
            }
        }
    }
}
